

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<script type="text/javascript" src="helpman_topicinit.js"></script>

<title>Converge/Diverge Layout [Enterprise Architect User Guide]</title>

<meta name="keywords" content="Enterprise Architect, Sparx Systems, UML, Diagram,Diagram Converge Layout,Diagram Diverge Layout,Layout Diagram,Layout Diagram Converge Layout,Layout Diagram Diverge Layout,Converge Diagram Layout,Diverge Diagram Layout">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<link type="text/css" href="default.css" rel="stylesheet" />
<style type="text/css">
  A, A:Visited
  {
    color: #00F;
  }

  A:Active, A:Hover
  {
    color: #F00;
  }

  OL
  {
    margin: 5px 0 5px 48px;
  }

  UL
  {
    margin-bottom: 3px;
    margin-top: 0;
  }

  #nsr
  {
    background-color: #D4DFFF;
  }

  #nsr A
  {
    text-decoration: none;
  }

  #mainbody
  {
    padding: 8px;
  }

  .p_BodyText
  {
    padding: 5px 0;
  }
</style>



<style type="text/css" media="screen">
  BODY
  {
    background-color: #FFFFFF;
  }

  #nsr
  {
    padding: 6px 6px 0 6px;
    border-bottom: none;
    vertical-align: top;
    z-index: 2;
    visibility: visible;
    left: 0;
    top: 0;
    position: absolute;
  }

  #mainbody
  {
    left: 0;
    top: 0;
    margin: 0;
    position: absolute;
    padding: 10px;
    overflow: auto;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
  }
</style>

<style type="text/css" media="print">
  #nsr
  {
    visibility: none;
  }

  #mainbody
  {
    overflow: visible;
  }
</style>
<script type="text/javascript" language="JavaScript" src="nonscroll.js"></script>

</head>
<body scroll="no">

<div id="page">



        <div id="content">
          <div id="content-inner">
          



  
          <div id="nsr">
            <table border="0" cellspacing="0" cellpadding="4" width="100%">
              <tr valign="top">
                <td align="left">
  


                  <p class="p_Heading1"><span class="f_Heading1">Converge/Diverge Layout</span></p>



  
                </td>
                <td align="right">
                  <a href="introduction.htm" onmouseover="document.images.main.src='button_main_h.gif'" onmouseout="document.images.main.src='button_main.gif'">
                    <img name="main" src="button_main.gif" border=0 alt="Return to Introduction">
                  </a>&nbsp;
    
                  <a href="neaten_layout.htm" onmouseover="document.images.prev.src='button_prev_h.gif'" onmouseout="document.images.prev.src='button_prev.gif'">
                    <img name=prev src="button_prev.gif" border=0 alt="Previous page" />
                  </a>&nbsp;
    
    
    
                  <a href="fan_relations_layout.htm" onmouseover="document.images.next.src='button_next_h.gif'" onmouseout="document.images.next.src='button_next.gif'">
                    <img name=next src="button_next.gif" border=0 alt="Next page" />
                  </a>
    
    
                </td>
              </tr>
            </table>
          </div>
          <div id="mainbody">
  


                <p class="p_BodyText"><span class="f_BodyText">The </span><span class="f_BodyText" style="font-style: italic;">Converge</span><span class="f_BodyText"> layout attracts the set of selected elements towards the center of their bounding rectangle. Conversely, the </span><span class="f_BodyText" style="font-style: italic;">Diverge</span><span class="f_BodyText"> layout repels the set of selected elements away from the center of their bounding rectangle. The Converge/Diverge layout also tries to maintain connector angles if an element in the set contains a connector with waypoints.</span></p>
<p style="margin: 0px 0px 0px 0px;"><span style="font-size: 12pt; font-family: 'Times New Roman'; color: #000000;">&nbsp;</span></p>
<p class="p_TextIndentedL2"><img src="diverge.png" width="519" height="477" border="0" alt="diverge"></p>
<p class="p_BodyText"><span class="f_BodyText">To invoke this layout, follow the steps below:</span></p>
<ol style="text-indent: 0px; margin-left: 48px; list-style-position: outside;">
<li value=1><span class="f_NumberedList">Follow the general <a href="layout_diagrams.htm">Layout Diagrams</a> procedure, and at step 3 select </span><span class="f_MenuKeyField">Converge/Diverge</span><span class="f_NumberedList">.</span></li>
<li value=2><span class="f_NumberedList">For </span><span class="f_MenuKeyField">Direction</span><span class="f_NumberedList">, select the required layout:</span></li>
</ol>
<ul style="text-indent: 0px; margin-left: 65px; list-style-position: outside;">
<li><span class="f_MenuKeyField">Converge -</span><span class="f_Bulletlist3"> attracts the set of selected elements to the center point</span></li>
<li><span class="f_MenuKeyField">Diverge -</span><span class="f_Bulletlist3"> repels the set of selected elements from the center point</span></li>
</ul>
<ol style="text-indent: 0px; margin-left: 48px; list-style-position: outside;">
<li value=3><span class="f_NumberedList">The </span><span class="f_MenuKeyField">Amount (%)</span><span class="f_NumberedList"> slider determines how far the elements are moved towards or away from the center point. The movement is the element's current distance from the center point multiplied by the percentage value set on the slider. In the Converge layout, the element moves towards the center point; in the Diverge layout the element moves further away from the center point.</span><br>
<span class="f_NumberedList">&nbsp;</span><br>
<span class="f_NumberedList">Set the slider to the required percentage.</span></li>
</ol>




            </div>
          </div>
        </div>



</div>


</body>
</html>
